@extends('layouts.admin-app')
@section('css')
<link href="{{ asset('backend/css/imit.css') }}" rel="stylesheet" />
@endsction
@section('content')
<section id="main-content">
          <section class="wrapper site-min-height" id="imitVueApp">
             <div class="col-lg-3">
               <section class="panel">
                  <div class="panel-body">
                    <div class="imit-box">
                      <!--imit header title-->
                      <div class="imit-header">
                        <div class="imit-header-top"></div>
                        <div class="imit-header-title">
                          <h5><span class="h5Title">默认菜单</span></h5>
                        </div>
                      </div>
                      <!--imit content-->
                      <div class="init-content">
                        <div class="imit-menu-box  col-lg-12">
                          <ul class="imit-menu clearfix">
                            <li class="col-lg-4 br-line">
                              <a href="#" class="imit-a-info imitFirst">百团大战</a>
                              <dl class="imit-ziInfo" >
                                <dd class="bt-line"><a href="javascript:" class="imitFirst">我要建团</a></dd>
                                <dd class="bt-line"><a href="javascript:" class="imitFirst">我的团</a></dd>
                                <dd class="always-bottom"><a href="javascript:" class="imitFirst"><i class="icon-plus-sign"></i></a></dd>
                              </dl>
                              <div class="imit-triangle"><img src="{{ asset('backend/img/imit-triangle.png') }}" alt=""></div>
                            </li>
                            <li class="col-lg-4 br-line">
                              <a href="#" class="imit-a-info imitFirst">人人奶吧</a>
                              <dl class="imit-ziInfo" >
                                <dd class="bt-line"><a href="javascript:" class="imitFirst">我要建团</a></dd>
                                <dd class="bt-line"><a href="javascript:" class="imitFirst">我的团</a></dd>
                                <dd class="bt-line"><a href="javascript:" class="imitFirst">我的团</a></dd>
                                <dd class="always-bottom"><a href="javascript:" class="imitFirst"><i class="icon-plus-sign"></i></a></dd>
                              </dl>
                              <div class="imit-triangle"><img src="{{ asset('backend/img/imit-triangle.png') }}" alt=""></div>
                              </li>
                            <li class="col-lg-4">
                              <a href="#" class="imit-a-info imitFirst">活动演示</a>
                               <dl class="imit-ziInfo" >
                                <dd class="bt-line"><a href="javascript:" class="imitFirst">我要建团</a></dd>
                                <dd class="always-bottom"><a href="javascript:" class="imitFirst"><i class="icon-plus-sign"></i></a></dd>
                              </dl>
                              <div class="imit-triangle"><img src="{{ asset('backend/img/imit-triangle.png') }}" alt=""></div>
                            </li>
                          </ul>

                        </div>
                      </div>
                      <!--imit footer-->
                      <div class="imit-footer">
                        <div class="footer-homeKey"></div>
                      </div>
                    </div>
                  </div>    
               </section>
             </div>
             <div class="col-sm-8">
               <section class="panel">
                  <div class="panel-body">
                    <div class="activity terques">
                        <div class="activity-desk">
                            <div class="panel col-lg-12">
                                <div class="panel-body">
                                    <div class="arrow"></div>
                                    <div class="row imit-bg">
                                      <header class="panel-heading">标题</header>
                                      <div class="panel-body">
                                        <form class="form-horizontal" role="form">
                                                <div class="form-group">
                                                    <label for="" class="col-lg-2 col-sm-2 control-label">标题</label>
                                                    <div class="col-lg-10">
                                                        <input type="text" class="form-control"  value="">
                                                        <p class="help-block">仅用于区分个性化菜单</p>
                                                    </div>
                                                </div>
                                            </form>
                                      </div>
                                    </div>
                                    <div class="row imit-bg">
                                    <button data-dismiss="alert" class="close close-sm imit-top01" type="button">
                                      <i class="icon-remove"></i>
                                  </button>
                                      <header class="panel-heading">菜单设置</header>
                                      <div class="panel-body">
                                        <form class="form-horizontal" role="form">
                                                <div class="form-group clearfix">
                                                    <label for="menuVal" class="col-lg-2 col-sm-2 control-label" id="">菜单名称</label>
                                                    <div class="col-lg-7 ">
                                                        <input type="text" class="form-control" id="menuVal" placeholder="" value="">
                                                    </div>
                                                    <div class="col-lg-2 imit-radio">
                                                          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">添加表情</button>
                                                    </div>
                                                </div>
                                                <div class="form-group" id="menuSet-box">
                                                  <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">菜单动作</label>
                                                  <div class="col-xs-10 menu-action clearfix">
                                                      <div class="radio imit-radio col-lg-4">
                                                          <label for="lianjie">
                                                            <input type="radio" name="imitRadio" id="lianjie" value="链接" checked="checked" onclick="radioShow()">
                                                            链接
                                                          </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="cfgjz">
                                                          <input type="radio" name="imitRadio" id="cfgjz" value="触发关键字" onclick="radioShow()">
                                                          触发关键字
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="sm">
                                                          <input type="radio" name="imitRadio" id="sm" value="扫码" onclick="radioShow()">
                                                          扫码
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="smwt">
                                                          <input type="radio" name="imitRadio" id="smwt" value="扫码(等待信息)" onclick="radioShow()">
                                                          扫码(等待信息)
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="xtft">
                                                          <input type="radio" name="imitRadio" id="xtft" value="系统拍照发图" onclick="radioShow()">
                                                          系统拍照发图
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="orxcft">
                                                          <input type="radio" name="imitRadio" id="orxcft" value="拍照或者相册发图" onclick="radioShow()">
                                                          拍照或者相册发图
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="wxcft">
                                                          <input type="radio" name="imitRadio" id="wxcft"  value="微信相册发图" onclick="radioShow()">
                                                          微信相册发图
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="dlwz">
                                                          <input type="radio" name="imitRadio" id="dlwz" value="地理位置" onclick="radioShow()">
                                                          地理位置
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="hfsc">
                                                          <input type="radio" name="imitRadio" id="hfsc" value="回复素材"  onclick="radioShow()">
                                                          回复素材
                                                        </label>
                                                      </div>
                                                      <div  class="radio imit-radio col-lg-4">
                                                        <label for="tztw">
                                                          <input type="radio" name="imitRadio" id="tztw"  onclick="radioShow()">
                                                          跳转图文
                                                        </label>
                                                      </div><br><br>
                                                  </div>
                                                      <div class="imit-tab-box" id="imit">
                                                        <div class="imit-tab-list imit1" id="">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">系统链接</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要跳转的链接（注：链接需加http://）</p> <br>
                                                              <p>
                                                                注意: 由于接口限制. 如果你没有网页oAuth接口权限, <br>这里输入链接直接进入微站个人中心时将会有缺陷(有可能获得不到当前访问用户的身份信息. <br>如果没有oAuth接口权限, 建议你使用图文回复的形式来访问个人中心)
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit2" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">搜索</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至系统系统</p> <br>
                                                              <p>
                                                                这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 系统系统相当于接受了粉丝用户的消息, 内容为"优惠券"
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit3" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">搜索</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至系统系统</p> <br>
                                                              <p>
                                                                这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 系统系统相当于接受了粉丝用户的消息, 内容为"优惠券"
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit4" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">搜索</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至系统系统</p> <br>
                                                              <p>
                                                                这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 系统系统相当于接受了粉丝用户的消息, 内容为"优惠券"
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit5" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">搜索</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至系统系统</p> <br>
                                                              <p>
                                                                这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 系统系统相当于接受了粉丝用户的消息, 内容为"优惠券"
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit6" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">搜索</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至系统系统</p> <br>
                                                              <p>
                                                                这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 系统系统相当于接受了粉丝用户的消息, 内容为"优惠券"
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit7" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">搜索</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至系统系统</p> <br>
                                                              <p>
                                                                这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 系统系统相当于接受了粉丝用户的消息, 内容为"优惠券"
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit8" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">搜索</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">指定点击此菜单时要执行的操作, 你可以在这里输入关键字, 那么点击这个菜单时就就相当于发送这个内容至系统系统</p> <br>
                                                              <p>
                                                                这个过程是程序模拟的, 比如这里添加关键字: 优惠券, 那么点击这个菜单是, 系统系统相当于接受了粉丝用户的消息, 内容为"优惠券"
                                                              </p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit9" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">选择素材</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">公众平台的素材id</p> <br>
                                                              
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="imit-tab-list imit10" id="" style="display:none">
                                                          <div class="form-group clearfix">
                                                            <label for="" class="col-lg-2 col-sm-2 control-label"></label>
                                                            <div class="col-lg-7 imit-top02">
                                                                <input type="text" class="form-control" id="" placeholder="" value="http://bt.hurongwang.net/app/index.php?i=22&c=entry&do=index&m=hc_broke">
                                                            </div>
                                                            <div class="col-lg-2 imit-radio imit-top02">
                                                              <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">选择素材</button>
                                                            </div>
                                                            <div class="col-lg-10 imit-lianjie imit-top02 imit-pl">
                                                              <p  class="help-block">公众平台的素材id</p> <br>
                                                              
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                </div>
                                            </form>
                                      </div>
                                    </div>
                                  </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                  </div>    
               </section>
             </div>
          </section>
<!--Modal弹出-->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">请选择连接</h4>
        </div>
        <div class="modal-body">
          ...
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary">保存</button>
        </div>
      </div>
    </div>
  </div>

      </section>
@endsection
@section('javascript')
  @parent
  <!-- <script type="text/javascript" src="{{ asset('backend/assets/ckeditor/ckeditor.js') }}"></script> -->
<!-- <script src="{{ asset('backend/js/form-component.js') }}"></script> -->
<script>
    function radioShow(){
      var imitRadio=document.getElementsByName("imitRadio");  //获取标签名为myradio的标签
      var Odiv=document.getElementById("imit").getElementsByClassName("imit-tab-list");
      for(i=0;i<Odiv.length;i++){
        if(imitRadio[i].checked){
          Odiv[i].style.display="block";
        }else{
          Odiv[i].style.display="none";
        }
      }
    }

    $(function(){
    $(".imit-menu li a.imit-a-info").click(function(){
      $("#menuSet-box").hide();
    });
    $("dl.imit-ziInfo dd a").click(function(){
      $("#menuSet-box").show();
    });


    
     $(".imit-menu li a.imitFirst").click(function(){
       $(this).addClass('a');
       if($(this).text()!=""){
        $("#menuVal").val($(this).text());
       }else{
        $("#menuVal").val("子菜单名称");
      }
       var inputs = $("#menuVal").val();
       // $(".imit-ziInfo > dd:last-child a").before("<dd class='bt-line'><a href='#''>"+inputs+"</a></dd>");
       //$(".imit-menu li dl.imit-ziInfo dd:last-child a.always-plus").text(inputs);
       $(this).text(inputs);
      });

     $("#menuVal").keyup(function(){
       var inputs = $("#menuVal").val();
       $(".a").text(inputs);
     });

     $("#menuVal").change(function(){
        $("a.imitFirst").removeClass("a");
     });
    })
  </script>
@endsection

